<template>
  <div class="">
    <h1>{{ detail.title }}</h1>
    <img :src="detail.pic" alt="" />
    <p v-html="detail.content"></p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: this.$route.query.id,
      detail: "",
    };
  },
  mounted() {
    this.$axios
      .get(
        // "https://api.it120.cc/small4/cms/news/detail?id=" + this.id
        `https://api.it120.cc/small4/cms/news/detail?id=${this.id}`
      )
      .then((res) => {
        console.log(res);
        this.detail = res.data.data;
      });
  },
  methods: {},
  components: {},
};
</script>

<style lang="scss"></style>
